@import (reference) '~antd/es/style/themes/index';
@import '~antd/lib/style/themes/default.less';

.HomeBody {
  height: calc(100vh - 48px);
}

@media (min-width: @screen-md-min) {
  .HomeBody {
    width: 100%;
    height: 100%;
    // background-image: url('../assets/img/global/backgroundImg_1.png');
    background-color: #041022;
    // background-repeat: no-repeat;
    // background-position: center center;
    background-size: cover;
  }
}

.mapChart {
  height: calc(100vh * (1080 / 424));
  padding-top: calc(100vh * (1080 / 1));
  img {
    display: inline-block;
    max-width: 100%;
    max-height: calc(100vh * (1080 / 416));
  }
}
.pre {
  margin: 12px 0;
  padding: 12px 20px;
  background: @input-bg;
  box-shadow: @card-shadow;
}

.HomeMain {
  height: 84.2vh;
  // background-color: red;
  .HomeMainSide {
    padding: 20px;
    color: #0b80f1;
  }
  .HomeMainCenterMap {
    position: relative;
    height: calc((100vh - 48px) * 0.86);
    margin-top: 10px;
    padding: 10px;
    color: #0b80f1;
    // background-color: red;
  }
  .HomeMainSwitch {
    position: absolute;
    z-index: 99999;
    width: 150px;
    height: 20px;
    opacity: 0.5;
    transition: all ease 0.4s;
  }
  .HomeMainSwitch:hover {
    opacity: 1;
  }
  .HomeMainCenterTip {
    height: calc((100vh - 48px) * 0.842 * 0.15);
    padding: 10px;
    color: #0b80f1;
    // background-color: gold;
  }
}

.MaxSideModel {
  :global {
    .ant-modal-content {
      color: #0b80f1;
      background-color: rgba(8, 28, 49, 1);
      .ant-modal-close {
        color: #fff;
      }
      .ant-modal-header {
        color: #0b80f1;
        background-color: rgba(8, 28, 49, 1);
        border-bottom: 1px solid #0b80f1;
        .ant-modal-title {
          color: #0b80f1;
          font-size: x-large;
        }
      }
    }
  }
}
